<ui:composition template="/WEB-INF/plantillas/layout1.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

	<!-- Define el titulo de la pagina -->
	<ui:define name="titulopagina">Consultar Portafolio</ui:define>

	<!-- Define el contenido del cuerpo -->
	<ui:define name="contenedor">
	

		<p:layout style="max-width: 100%;height: 80%; border:0px"
			fullPage="false" id="layout">			
	
			<p:layoutUnit position="center"
				style="border:0px; padding-left:10px; padding-right:10px;">
				<p class="subtitle">
					<b>Proyectos</b>
					<h:form>
						<p:commandButton action="#{controladorProyecto.nuevoProyecto()}" icon="ui-icon-document" />
					</h:form>
							</p>
				
				<h:form>
				
					<p:panelGrid columns="6">
						<h:outputLabel for="codigo" value="Nª Proyecto (Expediente)" />
						<p:inputText id="codigo"
							value="${controladorPortafolio.portafolio.nidPortafolio}"
							label="codigo" />
						<p:commandButton update="@form:portafolios"
									id="consultar"
									actionListener="#{controladorPortafolio.listarPortafolios}"
									icon="ui-icon-search" />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />

						<h:outputLabel for="descripcion" value="Identificador Portafolio" />
						<p:inputText id="descripcion"
							value="${controladorPortafolio.portafolio.txtPortafolio}"
							label="descripcion" />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel  value="Tipo Portafolio" />
						<h:selectOneMenu value="#{controladorPortafolio.portafolio.nidTipPortafolio}" >
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{controladorPortafolio.tipoPortafolios}" var="tipo"
									itemLabel="#{tipo.txtTipoProyecto}" itemValue="#{tipo.nidTipoProyecto}" />
							</h:selectOneMenu>
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />

						<h:outputLabel value="Año" />
						<p:inputText />
						<h:outputLabel value="Zonal" />
						<p:inputText />
						<h:outputLabel value=" " />
						<h:outputLabel value=" " />
						<h:outputLabel value="Departamento" />
						<p:inputText />
						<h:outputLabel value="Provincia" />
						<p:inputText />
						<h:outputLabel value="Distrito" />
						<p:inputText />
					</p:panelGrid>

					<br /><br />
					<p:dataTable id="portafolios" var="por"
						value="#{controladorPortafolio.portafolios}" editable="false"
						paginator="true" rows="10"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">

						<p:column headerText="Id Portafolio">
							<h:outputText value="#{por.nidPortafolio}" />
						</p:column>
						<p:column headerText="Nombre Portafolio">
							<h:outputText value="#{por.txtPortafolio}" />
						</p:column>
						<p:column headerText="Tipo Portafolio">
							<h:outputText value="#{por.txtObjetivo}" />
						</p:column>
						<p:column headerText="Id Proyecto">
							<h:outputText value="#{por.txtObjetivo}" />
						</p:column>
						<p:column headerText="Nombre Proyecto">
							<h:outputText value="#{por.txtObjetivo}" />
						</p:column>
						<p:column headerText="Descripción">
							<h:outputText value="#{por.txtObjetivo}" />
						</p:column>
						<p:column headerText="Ubigeo">
							<h:outputText value="#{por.txtObjetivo}" />
						</p:column>
						<p:column headerText="Opciones">
						<div align="center"> 
							<p:commandButton icon="ui-icon-pencil"
								title="Editar"
								action="#{controladorProyecto.buscarParaActualizar()}">
							</p:commandButton>
							<p:commandButton icon="ui-icon-search"
								title="Ver" action="#{controladorProyecto.buscarParaActualizar()}">
							</p:commandButton>
							</div>
						</p:column>					
					</p:dataTable>
				</h:form>
			</p:layoutUnit>
		</p:layout>
	</ui:define>
</ui:composition>